<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn">点击获取数据</button>
    <script>
        function sendAJAX(url) {
			return new Promise((resolve, reject) => {
				$.ajax({
					url: url,
					success(arr) {
						resolve(arr);
					},
					error(err) {
						reject(err);
					}
				})
			});
		}
		/*此函数使用 jQuery 的 AJAX 方法向指定的对象发出异步请求并返回 promise。promise 在成功时使用响应数据 （） 进行解析，并在失败时以错误拒绝。urlarr*/
		let btn = document.querySelector('#btn');
		function* getData() {
			try {
				let data1 = yield sendAJAX('http://59.65.232.233:5080/api_1_0/ssoUser/2023101916543597');
				let data2 = yield sendAJAX('http://59.65.232.233:5080/api_1_0/ssoUser/2023103116255631');
			} catch (error) {
				console.error(error);
			}
		}
		/*此生成器函数被定义为生成两个异步 AJAX 请求的结果。如果在任何请求期间发生错误，则会捕获并记录该错误。getData*/
		btn.addEventListener('click', function () {
			// 创建生成器对象
			const generator = getData();// Create a generator object
			var d1 = generator.next();// Start the first AJAX request
			var d2 = generator.next();// Start the second AJAX request
			d1.value.then(
				(result) => {
					console.log('Result:', result);
				}
			);

			d2.value.then(
				(result) => {
					console.log('Result:', result);
				}
			)
		});
    </script>
</body>
</html>